<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="../css/font.css">
        <link rel="stylesheet" href="../css/xadmin.css">
        <link rel="stylesheet" href="../font_3400190_fitfasmxjd8/iconfont.css">
        <link rel="stylesheet" href="./manage.css">
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
              <div class="layui-card">
                <div class="layui-card-header">
                  <form class="layui-form" action="" id="filtrate">
                    <div class="layui-form-item  top">
                      <label class="layui-form-label tag">用户名</label>
                      <div class="layui-input-inline search">
                        <input type="text" name="title" required  lay-verify="required" placeholder="请输入标签名称" autocomplete="off" class="layui-input" id="filtrate_input">
                        
                      </div>
                      <label class="layui-form-label tag">手机号</label>
                      <div class="layui-input-inline search">
                        <input type="text" name="title" required  lay-verify="required" placeholder="请输入手机号" autocomplete="off" class="layui-input" id="filtrate_phone">
                        
                      </div>
                      <label class="layui-form-label tag">性别</label>
                      <div class="layui-input-inline search">
                        <input type="text" name="title" required  lay-verify="required" placeholder="请输入性别" autocomplete="off" class="layui-input" id="filtrate_sex">
                        <button type="button" class="layui-btn layui-btn layui-btn-normal" id="search"> <i class="layui-icon layui-icon-search"></i> 搜索</button>
                        <button type="button" class="layui-btn layui-btn-primary" id="reset"><i class="layui-icon layui-icon-refresh-1"></i> 重置</button>
                      </div>
                    </div>
                    <div class="action_box">
                     <div class="left_btn">
                      <button type="button" class="layui-btn layui-btn-primary add_btn" id="add"><i class="iconfont icon-zengjia"></i>新增</button>
                      <button type="button" class="layui-btn layui-btn-primary exprot_btn"><i class="iconfont icon-xiazai-wenjianxiazai-16 "></i>   导出</button>
                     </div>
                      <div class="right_icon">
                        <div class="alert">关闭搜索区
                          <i class="layui-icon layui-icon-triangle-d"></i>
                        </div>
                        <span class="right_btn one_right_btn" id="close"> <i class="iconfont icon-xiangshang"></i> </span>
                        <div class="alert1">刷新
                          <i class="layui-icon layui-icon-triangle-d jiantou"></i>
                        </div>
                        <span class="right_btn two_right_btn" id="flush"> <i class="iconfont icon-shuaxin"></i> </span>
                        <span class="right_btn last_right_btn"> <i class="iconfont icon-menu-s"></i> </span>
                       
                      </div>
                    </div>
                  </form>
                  
                  <div class="layui-card-body "  >
                    <table class="layui-table " id="table"   >
                      <colgroup>
                        <col width="1%">
                        <col width="10%">
                        <col width="10%">
                        <col width="10%">
                        <col width="10%">
                        <col width="10%">
                        <col width="10%">
                        <col width="10%">
                        <col>
                      </colgroup>
                      <thead>
                        <tr>
                          <th>#</th>
                          <th>用户ID</th>
                          <th>用户名</th>
                          <th>手机号</th>
                          <th>用户头像</th>
                          <th>性别</th>
                          <th>出生年月</th>
                          <th style="text-align: center;">操作</th>
                        </tr> 
                      </thead>
                      <tbody>
                      
                      
                      </tbody>
                    </table>
                        <div id="pages"></div>
                  </div>
                </div>
              </div>
            </div>

        </div> 
        <script src="../js/layui-v2.7.6/layui/layui.js"></script>
        <script src="../js/jquery.min.js"></script>
        <script src="../js/axios.min.js"></script>
        <script type="text/javascript" src="../js/xadmin.js"></script>
        <script src="./manage.js"></script>
    </body>
    <script>
    </script>
</html>